<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>交集</title>
    <style>
        /*.box{
            color: red;
        }*/
        p.box {
            color: red;
        }
    </style>
</head>
<body>
<!--作用：选中页面中 同时满足 多个选择器的标签
➢ 选择器语法：选择器1选择器2 { css } ➢ 结果：
• （既又原则）找到页面中 既 能被选择器1选中，又 能被选择器2选中的标签，设置样式
➢ 注意点：
1. 交集选择器中的选择器之间是紧挨着的，没有东西分隔
2. 交集选择器中如果有标签选择器，标签选择器必须写在最前面-->
<p class="box">这是p标签:box</p>
<p>ppppppp</p>
<div class="box">这是div标签：box</div>
</body>
</html>